<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>招聘求职</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <style>
        .btn_all{
            background-image: url("img/all_bg.jpg");
            width: 220px;
            line-height: 26px;
            height: 26px;
            margin-bottom: 4px;
            text-align: center;
            margin-left: 4px;
        }
        .btn_all a{
            text-decoration: none;
            color: #929091;
            display: block;
        }
        .all{
            margin-bottom: 10px;
        }
        .main_right_main{
            padding-top: 40px;
            padding-left: 30px;
        }
        .main_right_main img{
            margin-left: 50px;
        }
        .form_input{
            position: relative;
            width: 685px;
            height: 368px;
            background-image: url("img/main_input_bg.jpg");
        }
        .form{
            position: absolute;
            top:22px;
            right: 70px;
            width: 233px;
            /*height: 308px;*/
            background-color: #fcfcfc;
            border-radius: 10px;
        }
        /*form*/
        .form_title{
            text-align: center;
            font-size: 13px;
            color: #6b6969;
            height: 45px;
            line-height: 45px;
        }
        /*form*/
        /*input s*/
        .form_input_n{
            background-color: #e4e9e9;
            border-radius: 4px;
            height: 20px;
            width: 200px;
            margin:  0 auto;
            display: block;
            margin-bottom: 8px;
        }
        .phone_header_form{
            font-size: 12px;
            text-align: center;
            color: #898687;
            margin-bottom: 8px;
        }
        .min_input{
            width: 127px;
        }
        .form_div{
            margin-left: 14px;
        }
        .form_div img{
            display: block;
            float: left;
        }
        .form_div .img_mima{
            margin: 0;
            padding: 0;
            margin-left: 8px;
        }
        .form_div .img_refresh{
            margin: 0;
            padding: 0;
            margin-top: 5px;
            width: 14px;
            cursor: pointer;
        }
        .get_yzm{
            width: 70px;
            height: 22px;
            line-height: 22px;
            background-color: #0061aa;
            color: #fcfcfc;
            text-align: center;
        }
        .form_div_get_yzm{
            margin-left: 14px;
        }
        .get_yzm{
            width: 70px;
            font-size: 12px;
            border-radius: 4px;
            margin-left: 3px;
            cursor: pointer;
        }
        .submit_btn{
            background-color: #0061aa;
            color: #fcfcfc;
            font-size: 14px;
            text-align: center;
            width: 204px;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            margin-left: 14px;
            margin-top: 10px;
        }
        .al_read{
            margin-top: 10px;
            font-size: 12px;
            color: #afb3b5;
        }
        .al_read input{
            vertical-align: middle;
            margin-left: 14px;
        }
        .form_footer{
            cursor: pointer;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 12px;
            color: #6b6969;
        }
        .form_footer img{
            margin:  0 ;
            padding: 0;
            margin-left: 10px;
        }
        .form_footer span{
            margin-left: 40px;
        }
        /*input e*/
    </style>
</head>
<body>
<div class="inner_html">
    <!--top_header-->
    <div class="top_header">
        <ul class="top_header_ul f_R">
            <li class="f_L">
                <a href="">
                    登陆
                </a>
            </li>
            <li class="f_L">
                <a href="">
                    注册
                </a>
            </li>
        </ul>
    </div>
    <!--top header-->
    <!--header-->
    <div class="header clearfix">
        <div class="logo f_L">
            <img src="img/logo.png" alt="">
        </div>
        <ul class="nav f_L">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">评测</a>
            </li>
            <li>
                <a href="#">一件解惑</a>
            </li>
            <li>
                <a href="#">视频课程</a>
            </li>
            <li>
                <a href="#">导师资源</a>
            </li>
            <li>
                <a href="#">企业咨询</a>
            </li>
            <li>
                <a href="#">招聘求职</a>
            </li>
            <li>
                <a href="#">院校信息</a>
            </li>
            <li>
                <a href="#">关于我们</a>
            </li>
        </ul>
    </div>
    <!--header-->
    <!--banner-->
    <div class="banner">
        <img src="img/banner.jpg" alt="">
    </div>
    <!--banner-->
    <!--main-->
    <div class="main clearfix">
        <div class="main_left f_L">
            <img src="img/all.jpg" alt="" class="all">
            <ul>
                <li class="btn_all">
                    <a href="">
                        企业愿望
                    </a>
                </li>
                <li class="btn_all">
                    <a href="">
                        发展历程
                    </a>
                </li>
                <li class="btn_all">
                    <a href="">
                        媒体报道
                    </a>
                </li>
                <li class="btn_all">
                    <a href="">
                        企业愿望
                    </a>
                </li>
                <li class="btn_all">
                    <a href="">
                        荣誉资质
                    </a>
                </li>
                <li class="btn_all">
                    <a href="">
                        团队介绍
                    </a>
                </li>
            </ul>
            <img src="img/link.jpg" alt="" class="link">
            <img src="img/phone.jpg" alt="" class="phone">
            <img src="img/address_1.jpg" alt="">
        </div>
        <div class="main_right f_R">
            <div class="main_right_name clearfix">
                <div  class="f_L m_l">
                    招聘求职
                </div>
                <div class="f_R m_r">
                    <span class="now_p">您当前的位置：</span>招聘求职
                </div>
            </div>
            <div class="main_right_main">
               <div class="form_input">
                   <form action="" class="form">
                        <p class="form_title">
                            立即注册，查看更多高薪职位
                        </p>
                        <div class="phone_header_form">
                          <img src=""></img>  <span>手机号码注册</span>
                        </div>
                       <input type="text" placeholder="请输入常用的手机号码" class="form_input_n">
                       <input type="password" placeholder="请设置密码" class="form_input_n">
                       <input type="password" placeholder="再次输入密码" class="form_input_n">
                       <div class="form_div">
                           <input type="text" placeholder="验证码不区分大小写" class="form_input_n min_input f_L">
                           <img src="img/mima.jpg" alt="" class="f_L img_mima">
                           <img src="img/refresh.jpg" alt="" class="f_L img_refresh">
                       </div>
                       <div class="form_div_get_yzm">
                            <input type="text" placeholder="请输入手机验证码" class="form_input_n min_input f_L">
                            <div class="get_yzm f_L">
                                获取验证码
                            </div>
                       </div>
                       <div class="submit_btn clearfix">
                            免费注册
                       </div>
                       <div  class="al_read">
                           <input type="checkbox"><span>我已阅读服务声明</span>
                       </div>
                       <div class="form_footer clearfix">
                          <span class="f_L">我已有账号，去登陆</span>
                           <img src="img/go_login.jpg" alt="" class="f_L">
                       </div>

                   </form>
               </div>
            </div>
        </div>
    </div>
    <!--main-->
    <!--main bottom -->
    <div class="main_bottom">
        <span>合作伙伴</span>
        <img src="img/arrow.jpg" alt="" class="arrow">
    </div>
    <div class=""></div>
    <!--main bottom-->
    <!--footer s-->
    <div class="footer">
        <ul class="f_L">
            <li>
                友情链接：
            </li>
            <li>
                公司地址：
            </li>
        </ul>
        <ul class="f_L footer_l">
            <li>
                技术支持：
            </li>
            <li>
                版权所有：
            </li>
        </ul>
    </div>
    <!--footer e-->
</div>

</body>
</html>